<template>
    <div>
        <div class="ProSelItem" >
            <div class="ProSelItem-img">
              <img class="auto-img" :src="pro.img" alt="">
            </div>
            <div class="ProSelItem-contnet ">
              <div class="cont-item">
              <div class="ProSelItem-contnet-title ">{{pro.title}}</div>
              <div class="ProSelItem-contnet-xiangqing ovf-text">{{pro.subtitle}}</div>
              <div class="ProSelItem-contnet-price">&yen;{{pro.currentPrice}}</div>
              <div class="ProSelItem-contnet-huiprice"> <del> &yen;{{pro.originPrice}}</del></div>
            </div>
            </div>
          </div>
    </div>
</template>

<script>
    export default {
        name:"",
        props:{
            pro:{
                type:Object,
                default(){
                    return{}
                }
            }
        },
        data() {
            return {
                
            }
        },

    }
</script>

<style lang="scss" scoped>



.ProSelItem{
    width: 102.5px;
    margin: 0 5px;
   &:nth-child(3n){
    margin-right: 0;
   }
    .ProSelItem-contnet{
        .ProSelItem-contnet-huiprice{
            font-size: 12px;
            color: #999;
            margin-top: 5px;
            margin-bottom: 10px;

        }
        .ProSelItem-contnet-price{
            margin-top: 5px;
            font-weight: bold;
            color: #e4393c;
        }
        .ProSelItem-contnet-xiangqing{
            font-size: 12px;
            color: #999;
             margin: 5px 0;
        }
   .ProSelItem-contnet-title{
    margin-top: 5px;
   }
    }

}
</style>